<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!--所有网站的首页都叫index.html，因为服务器找首页都是找index。html-->
<div class="header wrapper">
  <h1>
  <a href="#"><img src="0.jpg" alt=""></a>
  </h1>



  <div class="nav">
<ul>
  <li><a href="#"></a>首页</li>
  <li><a href="#"></a>课程</li>
  <li><a href="#"></a>职业规划</li>
</ul>

  </div>
  <div class="search">
    <input type="text" placeholder="请输入关键词">
    <button></button>

  </div>
  <div class="user">
    <img src="0.jpg" alt="">
    <span>lilei</span>

  </div>
  <div class="banner">
    <div class="wrapper">
      <div class="left"></div>
      <ul>
        <li><a href="#">前端开发<span>></span></a> </li>
        <li><a href="#">前端开发<span>></span></a> </li>
        <li><a href="#">前端开发<span>></span></a> </li>
        <li><a href="#">前端开发<span>></span></a> </li>
        <li><a href="#">前端开发<span>></span></a> </li>
        <li><a href="#">前端开发<span>></span></a> </li>
        <li><a href="#">前端开发<span>></span></a> </li>
        <li><a href="#">前端开发<span>></span></a> </li>
        <li><a href="#">前端开发<span>></span></a> </li>
      </ul>
      <div class="right">
        <h2>我的课程表</h2>
        <div class="content">
          <dl>
            <dt>继续学习 程序语言设计</dt>
            <dd>正在学习-使用对象</dd>
          </dl>
          <dl>
            <dt>继续学习 程序语言设计</dt>
            <dd>正在学习-使用对象</dd>
          </dl>
          <dl>
            <dt>继续学习 程序语言设计</dt>
            <dd>正在学习-使用对象</dd>
          </dl>
        </div>
      </div>
      <a href="#" class="more">全部课程</a>
    </div>
  </div>
</div>
<div class="goods wrapper">
  <h2>精品推荐</h2>
  <ul>
    <li><a href="#">jQuery</a> </li>
    <li><a href="#">jQuery</a> </li>
    <li><a href="#">jQuery</a> </li>
    <li><a href="#">jQuery</a> </li>
    <li><a href="#">jQuery</a> </li>
    <li><a href="#">jQuery</a> </li>
  </ul>
  <a href="#" class="xingqu">修改兴趣</a>
</div>
<div class="box wrapper">
  <div class="title">
    <h2>精品推荐</h2>
    <a href="#">查看全部</a>
  </div>
  <div class="content">
    <ul>
      <li>
        <a href="#">
          <img src="0.jpg" alt="">
          <h3>Think PHP 5.0 博客系统实战项目演练</h3>
          <p><span>  ·  1125人在学习</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="0.jpg" alt="">
          <h3>Think PHP 5.0 博客系统实战项目演练</h3>
          <p><span>  ·  1125人在学习</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="0.jpg" alt="">
          <h3>Think PHP 5.0 博客系统实战项目演练</h3>
          <p><span>  ·  1125人在学习</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="0.jpg" alt="">
          <h3>Think PHP 5.0 博客系统实战项目演练</h3>
          <p><span>  ·  1125人在学习</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="0.jpg" alt="">
          <h3>Think PHP 5.0 博客系统实战项目演练</h3>
          <p><span>  ·  1125人在学习</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="0.jpg" alt="">
          <h3>Think PHP 5.0 博客系统实战项目演练</h3>
          <p><span>  ·  1125人在学习</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="0.jpg" alt="">
          <h3>Think PHP 5.0 博客系统实战项目演练</h3>
          <p><span>  ·  1125人在学习</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="0.jpg" alt="">
          <h3>Think PHP 5.0 博客系统实战项目演练</h3>
          <p><span>  ·  1125人在学习</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="0.jpg" alt="">
          <h3>Think PHP 5.0 博客系统实战项目演练</h3>
          <p><span>  ·  1125人在学习</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="0.jpg" alt="">
          <h3>Think PHP 5.0 博客系统实战项目演练</h3>
          <p><span>  ·  1125人在学习</span></p>
        </a>
      </li>
      <li>
        <a href="#">
          <img src="0.jpg" alt="">
          <h3>Think PHP 5.0 博客系统实战项目演练</h3>
          <p><span>  ·  1125人在学习</span></p>
        </a>
      </li>

    </ul>
  </div>
  <div class="content clearfix"></div>
</div>


</body>
</html>
